<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<style>
[class^=col-] {
padding-top: 10px;
padding-bottom: 10px;
background-color: #eee;
background-color: rgba(86,61,124,.15);
border: 1px solid #ddd;
border: 1px solid rgba(86,61,124,.2);
}
</style>

</head>
<body>
<div class="container">
 <div class="row">
  <div class="col-md-8 col-xs-4">.col-md-1</div>
  <div class="col-md-4 col-xs-8">.col-md-1</div>
</div>
<div class="row">
   <div class="col-xs-2">1</div>
   <div class="col-xs-10">2</div>
</div>
<div class="row">
  
   <div class="col-xs-12">
     <div class="row">
	    <div class="col-xs-6">你好</div>
		<div class="col-xs-6">我好</div>
	 </div>
   </div>

</div>
 <div class="row">
 
 <table class="table table-bordered table-hover">
    <thead>
	<tr>
	  <th>ID</th>
	  <th>I</th>
	  <th>D</th>
	  <th>K</th>
	</tr>
	<tbody >
	   <tr class="danger">
	     <td>1</td>
		 <td>2</td>
		 <td>3</td>
		 <td>4</td>
	   </tr>
	    <tr>
	     <td>1</td>
		 <td>2</td>
		 <td>3</td>
		 <td>4</td>
	   </tr>
	    <tr class="info">
	     <td>1</td>
		 <td>2</td>
		 <td>3</td>
		 <td>4</td>
	   </tr>
	    <tr class="warning">
	     <td>1</td>
		 <td>2</td>
		 <td>3</td>
		 <td>4</td>
	   </tr>
	</tbody>
	</thead>

 </table>
</div>
</div>
</body>
</html>